<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我的VIP</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0">
    <!--侧边栏-->
    <div id="myjkd-leftmenu"></div>
    <!--侧边栏-r-->
    <div class="my-jkd-con vip fl">
        <div class="myjkd-vip back-w box-sh ">
            <div class="myjkd-transfer-til font18 colg tl-center pt-re">金开贷VIP </div>
            <div class="transfer-info fl"><span class="font18 colred">金开贷VIP </span>
                是为用户提供的一项增值服务,涵盖了管理费折扣、
                自动投标优先权、礼品商城兑换权等多项精彩特权。
                升级会员等级还有惊喜账户周年礼包、优先参与平台活动等多种福利。
            </div>
        </div>

        <div class="transfer-num  box-sh back-w">
            <div class="vip-numimg fl ">
                <div class="jkdvipicon  fl"><img src="../images/vippe.png"></div>
                <div class="jkdvipicon fl"><img src="../images/jkdvipicon.png"></div>
                <span class="font16 fl">
                    <p class="colg ">VIP</p>
                    <span>到期时间 2018-05-01 </span>
                </span>
            </div>
            <div class="mid-line fl"></div>
            <div class="vip-txt fl ">
                <div class="jkdvipicon  fl"><img src="../images/linnum.png"></div>
                <span class="font16 fl">
                    <p>我的聚财指数<span class="vip-index col-midbl">200</span></p>
                    <span> 距下一等级还需 300 指数</span>
                </span>
                <a class="lred-btn fl col-w  hov-alpha">购买聚财指数加油包</a>
            </div>

        </div>

        <div style="clear: both"></div>
        <!--金开贷VIP-->
        <div class="vip-outbox  back-w box-sh">
            <!--产品类别-->
            <div class="fl  pt-re font18 colg tl-center cash-logtil">我的聚财进程</div>
            <div style="clear: both"></div>
            <div class="vip-v pt-re">
                 <div class="vip-rank">
                     <div class="vip-rankred"></div><!--
                        VIP1 style 0
                        vip2      33.33%
                        vip3      66.66
                        vip4      99.99
                     -->
                 </div>
                 <ul class="vip-icon  pt-ab colg">
                     <li class="vip1 fl">
                         <img src="../images/vyel.png">
                         <p>0</p>
                         <p>VIP0</p>
                     </li>
                     <li class="vip2 fl tl-center">
                         <img src="../images/vyel.png">
                         <p>100</p>
                         <p>VIP1</p>
                     </li>
                     <li class="vip3 fl tl-center">
                         <img src="../images/vyel.png">
                         <p>500</p>
                         <p>VIP2</p>
                     </li>
                     <li class="vip4 fl tl-r">
                         <img src="../images/vgray.png">
                         <p>1000</p>
                         <p>VIP3</p>
                     </li>
                 </ul>
            </div>
            <div style="clear: both"></div>
            <p class="vip-til colred font18">我的等级奖励</p>
            <table class="vip-table mg0" >
                <thead>
                    <tr>
                        <th style="width: 188px">
                            <p>等级</p>
                        </th>
                        <th style="width: 182px">
                            <p>vip0</p>
                        </th>
                        <th style="width: 182px">
                            <p>vip1</p>
                        </th>
                        <th style="width: 182px">
                            <p>vip2</p>
                        </th>
                        <th style="width: 182px">
                            <p>vip3</p>
                        </th>
                    </tr>
                    <tr>
                        <td>
                            <p>账户管理费折扣</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>3%</p>
                        </td>
                        <td>
                            <p>8%</p>
                        </td>
                        <td>
                            <p>15%</p>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <p>自动投标优先排序</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>√</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p>积分商城兑换权限</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>部分开放</p>
                        </td>
                        <td>
                            <p>全部开放</p>
                        </td>
                        <td>
                            <p>全部开放</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p>活动优先参与权</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>√</p>
                        </td>
                        <td>
                            <p>√</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p>账户周年礼包</p>
                        </td>
                        <td>
                            <p>-</p>
                        </td>
                        <td>
                            <p>价值350元</p>
                        </td>
                        <td>
                            <p>价值650元</p>
                        </td>
                        <td>
                            <p>价值1000元</p>
                        </td>
                    </tr>
                </thead>
            </table>

        </div>
        <!--我的聚财指数-->
        <div class="vip-bot cash-log back-w box-sh pt-re">
            <div class="cash-logtil  font18 pt-re colg tl-center">我的聚财指数</div>
            <div class="vip-tableinfo pt-ab">如何获得更多聚财指数？<a class="vip-tbn col-lightbl"> 查看详细等级规则</a></div>
            <div class="assets-select">
                <div>
                    <p class="assets-selectp fl">
                        <span>开始时间</span>
                        <span>
                           <input type="text" class="calendar1" maxlength="10" onfocus="$(this).calendar()" />
                        </span>
                    </p>
                </div>
                <div>
                    <p class="assets-selectp fl">
                        <span>结束时间</span>
                        <span>
                           <input type="text" class="calendar1" maxlength="10" onfocus="$(this).calendar()" />
                        </span>
                    </p>
                </div>
                <a class="recharge-redbtn fl hov-alpha">查询</a>

            </div>
            <table>
                <tr>
                    <td colspan="4">
                        <div class="vip-tablein">
                            <p class="vip-p1 fl">发生时间</p>
                            <p class="vip-p2 fl">获取/消耗途径</p>
                            <p class="vip-p3 fl">聚财指数变化</p>
                            <p class="vip-p4 fl">当前聚财指数</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="vip-tbodyin">
                            <p class="vip-p1 fl">2017-05-01 10:00:17</p>
                            <p class="vip-p2 fl">投标</p>
                            <p class="vip-p3 fl colred">+1000.00</p>
                            <p class="vip-p4 fl">1000.00</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div class="vip-tbodyin">
                            <p class="vip-p1 fl">2017-05-01 10:00:17</p>
                            <p class="vip-p2 fl">还款</p>
                            <p class="vip-p3 fl colgr">-1000.00</p>
                            <p class="vip-p4 fl">1000.00</p>
                        </div>
                    </td>
                </tr>
            </table>
            <div style="clear: both"></div>
            <!--分页器-->
            <div id="jkdPagination">
                <div class="jkdPagination">
                    <a class="homePag hov-alpha">首页</a>
                    <a class="jkdpag-l hov-alpha"><img src="../images/jkdpagleft.png"></a>
                    <div class="jkdpag-num">
                        <div>
                            <span class="colred">1</span>
                            <span>/</span>
                            <span>4</span>
                        </div>
                    </div>
                    <a class="jkdpag-r hov-alpha"><img src="../images/jkdpagright.png"></a>
                    <a class="lastPag hov-alpha">尾页</a>
                </div>
            </div>
            <!--分页-->
        </div>
    </div>

</div>
<div style="clear: both"></div>
<div id="footer">
</div>
<style>
    .home-a2{color:#f15b3a }
    .jkd-li7{
        background: url("../images/jkd-icon.png") no-repeat 5px 2px;
    }

    .jkd-a7{
        background: url("../images/7.png") no-repeat;
        background-position:  14px 4px ;
        color: #f15b3a;
    }
</style>
</body>
</html>
